<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 37 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<!-- <title>logo</title> -->
			<defs>
				<circle id="path-1" cx="18" cy="18" r="18"></circle>
				<filter x="-9.7%" y="-9.7%" width="119.4%" height="119.4%" filterUnits="objectBoundingBox" id="filter-3">
					<feGaussianBlur stdDeviation="3.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
					<feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
					<feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
					<feColorMatrix values="0 0 0 0 0.98088317   0 0 0 0 0.849343124   0 0 0 0 0.485781782  0 0 0 0.241183621 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
				</filter>
			</defs>
			<g id="V1.0" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="画板6" transform="translate(-664.000000, -414.000000)">
					<g id="title" transform="translate(640.250000, 400.000000)">
						<g id="logo" transform="translate(24.009375, 14.000000)">
							<mask id="mask-2" fill="white">
								<use xlink:href="#path-1"></use>
							</mask>
							<g id="蒙版">
								<use class="fill-color" fill-rule="evenodd" xlink:href="#path-1"></use>
								<use class="fill-color2" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-1"></use>
							</g>
							<image
								id="标准版鸡小蟹"
								mask="url(#mask-2)"
								x="2.00078125"
								y="5"
								width="32.0125"
								height="26.7816543"
								xlink:href=""
							></image>
						</g>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'Logo'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: inline-flex;
}
.fill-color {
	fill: #ffffff;
}
.fill-color2 {
	fill: black;
}
</style>
